<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>用户中心-英雄联盟周边商城</title>
        <link rel="stylesheet" href="../static/css/swb.css" />
        <link rel="stylesheet" href="../static/css/public.css" />
        <link rel="stylesheet" href="../static/css/UserCenter.css" />
    </head>
  <body>
    <header sty="hi75">
      <div class="banner cf">
        <div sty="mt17" class="logo-box ftl">
          <a sty="wi297 hi39" class="logo dpib" href="../Index/Index.html"></a>
        </div>
        <div sty="hi30 mt22" class="header-right-box ftr fdl">
          <div sty="pr20 cf">
            <a sty="pr6 lh30" href="{{ url("users:login") }}">你好，请登录 </a>
          </div>
          <div sty="pr28 cf">
            <a href="">
              <i sty="wi28 hi25 mt3 mr4" class="shop ftl"></i>
              <span sty="lh30 pr6" class="ftl">购物车</span>
              <span sty="wi20 hi20 lh20 mt7 " class="shop-num ftl tac">0</span>
            </a>
          </div>
          <div sty="pr28 cf">
            <i sty="wi24 hi26 mt3 mr4" class="service ftl"></i>
            <span sty="lh30" class="ftl">客服咨询</span>
          </div>
          <div sty="cf">
            <i sty="wi20 hi20 mt5 mr4" class="qr-code ftl"></i>
            <span sty="lh30" class="ftl">微信商城</span>
          </div>
        </div>
      </div>
    </header>
    <div class="main  bg-index">
      <div class="banner">
        <nav class="cf">
          <ul class="ftl">
            <li><a href="{{ url('index:index') }}">商城首页</a></li>
          </ul>
          <div sty="mt15 mr34" class="ftr pr cf">
            <input
              sty="wi239 hi30 fs14"
              class="ftl"
              type="text"
              onfocus="$('nav .default').hide()"
              onblur="if (this.value == '') { $('nav .default').show() } else { $('nav .default').hide() }"
            />
            <a sty="tp9 lt10 fs14" class="default pa" href="">阿狸</a>
            <div sty="wi45 hi30" class="search-btn ftl">
              <a href="">
                <i sty="wi21 hi21 mt5 ml12" class="dpib"></i>
              </a>
            </div>
          </div>
        </nav>
        <div class="streamer">
          <img src="./images/mem_top.jpg" alt="" />
        </div>
        <div class="main-content fdl" style=" min-height: 500px;">
          <div sty="wi180 pt10" class="main-content-left" style="height: 100%; background-color: #f6f6f6;">
            <ul>
                <li>
                    <a href="{{url('users:Shopping')}}">我的购物车</a>
                </li>
                <li class="active">
                    <a href="{{url('users:user_order')}}">我的订单</a>
                </li>
                <li>
                    <a href="{{url('users:user_collect')}}">商品收藏</a>
                </li>
{#                <li>#}
{#                    <a href="javascript:;">福利中心</a>#}
{#                </li>#}
                <li>
                    <a href="{{url('areas:user_address')}}">收货地址</a>
                </li>
{#                <li>#}
{#                    <a href="javascript:;">订阅中心</a>#}
{#                </li>#}
                <li>
                    <a href="{{url('users:user_data')}}">个人资料</a>
                </li>
{#                <li>#}
{#                    <a href="javascript:;">官方公告</a>#}
{#                </li>#}
            </ul>
          </div>
            <div
      id="order"
      sty="wi1020 pl40 pt20"
      class="main-content-right bsbb active"
    >
      <div sty="mb10" class="main-content-right-top">
        <ul class="fdl">
          <li><a sty="wi54 hi30" class="active dpib" href="">全部</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待付款</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待发货</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待收货</a></li>
          <li><a sty="wi54 hi30" class="dpib" href="">待评价</a></li>
        </ul>
      </div>
      <div sty="pb100" class="main-content-right-content">
        <table sty="wi940">
          <tr height="38">
            <th sty="ti10" width="310">订单商品</th>
            <th width="170">订单号/时间</th>
            <th width="154">总金额</th>
            <th width="186">状态</th>
            <th width="120">操作</th>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
          <tr>
            <td>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
              <div class="table-goods-item fdl">
                <div class="table-goods-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                    alt=""
                  />
                </div>
                <div>
                  <span style="color:#000;">努努口袋T恤</span><br />
                  <span>颜色：</span>
                  <span>彩色</span>
                  <span>尺码：</span>
                  <span>S</span><br />
                  <span>单价</span>
                  <span>￥150</span>
                  <span>数量</span>
                  <span>1</span>
                </div>
              </div>
            </td>
            <td>
              <span>LOLRIOTMALL-20191211182539327-564</span><br />
              <span>2019-12-11 18:25:39</span>
            </td>
            <td><span>¥ 2946元</span></td>
            <td class="fw7" style="color: red;">已过期</td>
            <td><a class="order-details" href="">订单详情</a></td>
          </tr>
        </table>
      </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer>
      <div sty="pt20 pb20" class="guarantee banner">
        <ul class="flex">
          <li>
            <i class="sales-return"></i>
            <span>7天无理由退换货</span>
          </li>
          <li>
            <i class="quality-goods"></i>
            <span>100%官方正品</span>
          </li>
          <li>
            <i class="pinkage"></i>
            <span>全场每单满199元包邮</span>
          </li>
        </ul>
      </div>
      <div class="issue">
        <div class="banner">
          <ul class="flex tac">
            <li>
              <dl>
                <dt>购物指南</dt>
                <dd>帐号注册与登录</dd>
                <dd>购买流程介绍</dd>
                <dd>支付方式</dd>
                <dd>常见问题</dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>配送服务</dt>
                <dd>全场满199元免运费</dd>
                <dd>配送范围及运费</dd>
                <dd>配送进度查询</dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>售后服务</dt>
                <dd>7天无理由退换货</dd>
                <dd>退换货流程</dd>
                <dd>商品送错的处理方案</dd>
                <dd>售后服务及投诉</dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>服务中心</dt>
                <dd>售前咨询 售后咨询</dd>
                <dd>客服热线：0755-25727866</dd>
                <dd>售后：service@lolriotmall.qq.com</dd>
              </dl>
            </li>
          </ul>
        </div>
      </div>
      <div sty="lh40" class="copy tac">技术支持：全栈12 师文博</div>
    </footer>
  </body>
  <script src="../static/js/jquery.js"></script>
  <script src="../static/js/swb.js"></script>
  <script src="../static/js/UserCenter.js"></script>
</html>
